@charset "UTF-8";

#indexPage {
  padding-bottom: 20px;

  & .data-paper.model-container {
    & .section-title {
      & .time {
        font-size: $fontSize - 2;
        color: $fontColor2;
        margin-left: 15px;
        font-weight: normal;
      }
    }

    & .content {
      padding: 15px;

      & .left {
        display: inline-block;
        margin-right: 30px;
      }

      & .right {
        display: inline-block;
        vertical-align: top;
        width: 560px;

        & .main-category {
          color: $fontColor2;
          font-size: $fontSize - 2;

          //& .category-content {
            // margin-bottom: 10px;
          //}

          & .category-left {
            display: inline-block;
            vertical-align: top;
            border-left: 2px solid $fontColor2;
            padding: 0 10px;
            margin: 6px 0;
          }

          & .category-right {
            display: inline-block;
            width: 460px;
            line-height: 30px;
          }
        }
      }
    }

    & .divider{
      margin: 0 15px;
      height: 1px;
      background-color: $themeColor5;
    }

    & .rank-list{
      padding:15px;
      font-size: $fontSize - 2;
      & .title{
        color: $fontColor1;
        font-weight: bold;
      }
    }
  }
  & .data-block {
    display: inline-block;
    padding: 8px 10px;
    background-color: $themeColor5;
    width: 180px;
    box-sizing: border-box;
    margin-right: 10px;
    &:last-child{
      margin-right: 0;
    }
  }
  // 实时数据
  & .real-data {
    // width: 600px;

    & .real-data-block {
      width: 260px;
      padding: 15px 20px;
      box-sizing: border-box;
      border: 1px solid #f4f7fd;
      cursor: pointer;
      &.active{
        border-color: $themeColor80;
      }
      & .before{
        font-size: $fontSize - 2;
        & .num{
          margin-left: 30px;
          &.green{
            color: $green;
          }
          &.red{
            color: $red;
          }
        }
      }
    }
  }
  // 临期事件
  & .impend-event {
    width: 610px;

    & .no-open {
      height: 112px;
    }
    & .animation{
      padding:0 15px;
      height: 134px;
      overflow: hidden;
      position: relative;
      & .animation-container{
        & .list{
          margin-bottom: 10px;
          & .name{
            color: $fontColor1;
            font-size: $fontSize - 2;
          }
        }
      }
    }
  }
  // 库存分析
  & .stock-content{
    font-size: $fontSize - 2;
    & .ico{
      font-size: $fontSize + 2;
    }
    & .stock-num{
      color: $fontColor1;
      font-weight: bold;
    }
    & .stock-list{
      margin-top: 5px;
      @include displayFlex(flex,space-between,center);
    }
  }
  // 竞社
  & .compete-data{
    font-size: $fontSize - 2;
    & .compete-name{
      font-weight: bold;
      color: $fontColor1;
      & .ico{
        font-size: $fontSize + 2;
        cursor: pointer;
      }
    }
    & .compete-list{
      margin-top: 12px;
      width: 150px;
      & .compete-num{
        color: $fontColor1;
      }
    }
  }
  // 行业大盘
  & .industry-data{
    & .data-block{
      width: 175px;
      margin-right: 15px;
      &:last-child{
        margin-right: 0;
      }
    }
    & .industry-list{
      font-size: $fontSize - 2;
      margin-top: 8px;
      & .industry-name{
        color: $fontColor1;
      }
    }
  }
  & .sale-rank,
  & .up-rank,
  & .new-rank {
    width: 400px;
  }

  & .sale-rank,
  & .up-rank {
    margin-right: 10px;
  }

  & .publish-top {
    width: 605px;
    margin-right: 10px;

    & .no-open {
      height: 290px;
    }
  }

  & .no-open {
    text-align: center;
  }

  & .last-week {
    line-height: 48px;
    padding: 0 15px;
    color: $fontColor1;
    font-size: $fontSize - 2;
  }

  & .no-data{
    color: $fontColor1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -28px;
  }
}
